<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/global.css">
    <title>精品推荐管理</title>
    <link rel="stylesheet" href="css/jpRecommend.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <script src="js/jpRecommend.js"></script>
    <link rel="icon" href="./images/icon.png">
</head>

<body>
    <iframe src="./header.html" scrolling="no" frameborder="0" width="100%" height="45px" frameborder="0"></iframe>
    <iframe src="./personalCenter.html" scrolling="no" frameborder="0" width="100%" height="70px"
        frameborder="0"></iframe>
    <div class="jp-box">
        <input type="file" name="" multiple id="myFile" onchange="showFile(this)">
        <table id="tab-daifukuan" width="960px" align="center" border="1">
            <tr>
                <td><input class="jp-checkall" type="checkbox" value="全选" />全选</td>
                <td></td>
                <td><input type="button" value="上传图片" onclick="selFile2()"></td>
                <td></td>
                <td><a href="#" class="jp-checkdel">批量删除</a></td>
            </tr>
            <tr>
                <td></td>
                <td>序号</td>
                <td>推荐图片</td>
                <td>图书图片</td>
                <td>删除</td>
            </tr>
            <tr>
                <td><input name="product" type="checkbox" class="jp-xuan" value="1"></td>
                <td>1</td>
                <td onclick="selFile()"><img src="images/jp-tuijian_1.jpg" alt=""></td>
                <td>
                    <ul class="jptu">
                        <li onclick="selFile()">1.<img src="images/jp-tushu_1.jpg" alt=""></li>
                        <li onclick="selFile()">2.<img src="images/jp-tushu_2.jpg" alt=""></li>
                        <li onclick="selFile()">3.<img src="images/jp-tushu_3.jpg" alt=""></li>
                        <li onclick="selFile()">4.<img src="images/jp-tushu_4.jpg" alt=""></li>
                        <li onclick="selFile()">5.<img src="images/jp-tushu_5.jpg" alt=""></li>
                        <li onclick="selFile()">6.<img src="images/jp-tushu_6.jpg" alt=""></li>
                    </ul>
                </td>
                <td><a href="#" class="jp-del">删除</a></td>
            </tr>
        </table>
    </div>
    <div id="footer">
        <iframe src="footer.html"  height="320px" width="100%" frameborder="0" scrolling="no"></iframe>
    </div>
</body>

</html>